<template>
    <main-wrap class="allhgwrap mian-bg">
        <div class="inbox">
            <div class="inItem">Collexter<br/>城市数字孪生志愿者</div>
            <div class="inItem">我是广告商<br/>抢占元宇宙地标的访问量资源</div>
            <div class="inItem">我是商家<br/>元宇宙店铺经营者</div>
        </div>
    </main-wrap>
</template>

<script>
import {reactive,toRefs, onMounted,computed } from 'vue'
import { useStore } from 'vuex'
import mainWrap from '@/components/mainWrap.vue'
import {toast} from '@/utils/common.js'
import back from "@/components/back.vue";
import sort from '@/components/sort.vue';
import mySearch from '@/components/mySearch.vue'
import Image from '@/components/image.vue';
export default {
    components:{
        mainWrap,
        back,
        sort,
        mySearch,
        Image
    },
    setup(){
        const store = useStore()

        const state = reactive({
            
        })

        onMounted(()=>{
           
        })

               

        return {
            ...toRefs(state),
        }
    }
}
</script>

<style lang="scss" scoped>
    .mian-bg{
      background: url(/images/body1.png) left top no-repeat;
        background-size: 100% 100%; 
    }
   
    .inbox{
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        .inItem{
            height: 600px;
            width: 400px;
            border: 1px solid red;
        }
    }
 
</style>